*{
	padding:0;
	margin:0;
}
ul,li{
	list-style:none;
}
.zane-calendar{
	box-sizing: initial;
	position:absolute;
	left:0;
	top:0;
	font-size:14px;
	width:280px;
	border:solid 1px #eee;
	border-left:none;
	background:#fff; 
	overflow:hidden;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	.zane-model-miss{
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		display: none;
		.zane-model-mask{
			position: absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			z-index:99;
		}
		.zane-model-content{
			position: absolute;
			left:50%;
			top:50%;
			z-index:100;
			width:auto;
			text-align:center;
			padding:10px 15px;
			border-radius:20px;
			transform: translate(-50%,-50%);
			font-size:12px;
			background:rgba(0,0,0,.8);
			color:#fff;
			min-width:180px;
		}
	}
	.main-color{
		color:#46d7a2;
	}
	.zane-date-left{
		float:left;
	}
	.zane-calendar-one{
		width:280px;
		.zane-date-top{
			height:40px;
			line-height:40px;
			position:relative;
			text-align:center;
			border-bottom:solid 1px #eee;
			border-left:solid 1px #eee;
			font-size:16px;
			.zane-date-icom{
				width:40px;
				height:40px;
				position:absolute;
			}
			.zane-icon-left{
				left:0;
				top:0;
				background:url('') no-repeat center center;
				background-size:55%;
			}
			.zane-icon-right{
				position:absolute;
				top:0;
				right:0;
				background:url('') no-repeat center center;
				background-size:55%;
			}
			.zane-icon-center{
				span:hover{
					color:#46d7a2;
					cursor:pointer;
				}
				span:nth-child(1){
					margin-right:8px;
				}
			}
		}
		.zane-date-main{
			overflow:hidden;
			height:220px;
			border-left:solid 1px #eee;
			.week-day{
				table.day{
					width:100%;
				}
				th{
					font-size:13px;
				}
				th,td{
					text-align:center; 
				}
				th.light,td.light{
					color:#aaa
				}
				td{
					font-size:12px;
					cursor:pointer;
					&.calendar-disabled{
						cursor:not-allowed;
						color: #ddd;
					}
					span{
						box-sizing: initial;
						display:inline-block;
						width:10px;
						height:10px;
						padding:9px;
						padding-left:8px;
						padding-right:10px;
						text-align:center;
						line-height:10px;
						border-radius:100%;
					}
				}
				td:hover{
					span{
						background:#f4f4f4;
					}
				}
				td.active{
					span{
						background:#46d7a2;
					}
					color:#fff;
				}
				td.sele_act{
					background:#8cffd4;
				}
				td.act_block{
					background:#46d7a2;
					color:#fff;
				}
				td.act_block:hover,td.sele_act:hover{
					background:#46d7a2;
					color:#fff;
					span{
						background:none;
					}
				}
				.border-day{
					td{
						span{
							width:auto;
							border-radius:15px;
						}
					}
				}
			}
			.main-check-month{
				.week-day{
					td{
						width: 33.333%;
						&.calendar-disabled{
							cursor:not-allowed;
							color: #ccc;
						}
					}
				}
			}
			.main-check-year{
				.week-day{
					td{
						width: 33.333%;
						&.calendar-disabled{
							cursor:not-allowed;
							color: #ccc;
						}
					}
				}
			}
			.main-check-time{
				.week-day{
					padding:5px;
					.nav{
						overflow:hidden;
						height: 25px;
						line-height:25px;
						li{
							width:33.333%;
							float:left;
							text-align:center;
						}
					}
					.nav-1{
						li{
							width:50%;
						}
					}
					.select-time{
						overflow:hidden;
						text-align:center;
						height:176px;
						ul{
							height:99%;
							display:inline-block;
							overflow-y:scroll;
							width:28%;
							margin:0 2%;
							float:left;
							border:solid 1px #eee;
							li{
								height:25px;
								line-height:25px;
								cursor:pointer;
								&:hover{
									background:#f4f4f4;
								}
								&.active{
									background:#46d7a2;
									color:#fff;
								}
							}
						}
						/*滚动条样式*/
				        ul::-webkit-scrollbar {
				            width: 4px;     
				            height: 4px;
				        }
				        ul::-webkit-scrollbar-thumb {
				            border-radius: 5px;
				            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
				            background: rgba(0,0,0,0.6);
				        }
				        ul::-webkit-scrollbar-track {
				            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
				            border-radius: 0;
				            background: rgba(0,0,0,.1);
				        }
					}
					.select-time-1{
						ul{
							width:45%;
							margin:0 1%;
						}
					}
				}
			}
			
		}
		.zane-date-bottom{
			border-top:solid 1px #eee;
			border-left:solid 1px #eee;
			overflow:hidden;
			height:40px;
			padding:0 8px;
			font-size:12px;
			.zane-date-right{
				float:right;
				.button.no-right-line{
					border-right:none;
				}
			}
			.button{
				margin-top:6px;
				cursor:pointer;
				padding:6px 8px;
				float:left;
				background:#fff;
				color:#999;
				&:hover{
					color:#46d7a2;
				}
			}
		}
	}
}